doctype html
//html(lang='zh')
html(lang='zh')
    head
        meta(http-equiv='Content-Type', content='text/html; charset=UTF-8')
        // Meta, title, CSS, favicons, etc.
        meta(charset='utf-8')
        meta(http-equiv='X-UA-Compatible', content='IE=edge')
        meta(name='viewport', content='width=device-width, initial-scale=1')
        title 医学影像云服务平台
        // Bootstrap
        link(href='vendors/bootstrap/dist/css/bootstrap.min.css', rel='stylesheet')
        // Font Awesome
        link(href='vendors/font-awesome/css/font-awesome.min.css', rel='stylesheet')
        // NProgress
        link(href='vendors/nprogress/nprogress.css', rel='stylesheet')
        // iCheck
        link(href='vendors/iCheck/skins/flat/green.css', rel='stylesheet')
        // bootstrap-progressbar
        link(href='vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css', rel='stylesheet')
        // JQVMap
        link(href='vendors/jqvmap/dist/jqvmap.min.css', rel='stylesheet')
        // bootstrap-daterangepicker
        link(href='vendors/bootstrap-daterangepicker/daterangepicker.css', rel='stylesheet')
        // Custom Theme Style
        //link(href='/css/gentelella/custom.min.css', rel='stylesheet')
        link(href='/css/gentelella/custom.css', rel='stylesheet')
        //link(href='css/image_retrieval_list.css', rel='stylesheet')
    body.nav-md
        .container.body
            .main_container
                .col-md-3.left_col
                    .left_col.scroll-view
                        include modals/sidebar-menu-normal

                // top navigation
                include modals/nav-normal

                // /top navigation

                //page content
                .right_col(role='main')

                    .clearfix
                    .row
                        .col-md-12.col-sm-12.col-xs-12
                            .x_panel
                                .x_title
                                    h2 详情展示
                                    ul.nav.navbar-right.panel_toolbox
                                        //li
                                        //    a.collapse-link
                                        //        i.fa.fa-chevron-up
                                        li
                                            a.dicom-link
                                                img(src='img/dicom.png', alt='...')

                                        //li.dropdown
                                        //    a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
                                        //        i.fa.fa-wrench
                                        //    ul.dropdown-menu(role='menu')
                                        //        li
                                        //            a(href='#') Settings 1
                                        //        li
                                        //            a(href='#') Settings 2
                                        //li
                                        //    a.close-link
                                        //        i.fa.fa-close
                                    .clearfix
                                .x_content
                                    .col-md-7.col-sm-7.col-xs-12
                                        .product-image
                                            // <img src="images/prod-1.jpg" alt="..." />
                                            img(src='img/bronchial_1.png', alt='...')
                                        .product_gallery
                                            a
                                                // <img src="images/prod-2.jpg" alt="..." />
                                                img(src='img/bronchial_2.png', alt='...')
                                            a
                                                // <img src="images/prod-3.jpg" alt="..." />
                                                img(src='img/bronchial_1.png', alt='...')
                                            a
                                                // <img src="images/prod-4.jpg" alt="..." />
                                                img(src='img/bronchial_2.png', alt='...')
                                            a
                                                // <img src="images/prod-5.jpg" alt="..." />
                                                img(src='img/bronchial_1.png', alt='...')
                                    .col-md-5.col-sm-5.col-xs-12(style='border:0px solid #e5e5e5;')
                                        h3.prod_title 软化灶+脱髓鞘
                                        p
                                            | a)平扫轴位T2WI；
                                        p
                                            | b）平扫轴位T2WI；
                                        p
                                            | c）平扫轴位T1WI；
                                        p
                                            | d）平扫轴位FLAIR
                                        p
                                            | e）平扫轴位FLAIR
                                        p
                                            | f）DWI
                                        p
                                            | MRI表现：平扫示右侧基底节区小片状长T1长T2信号；FLAIR序列显示为低信号；双侧侧脑室周围及半卵圆中心区可见多发絮状稍长T1稍长T2信号，DWI呈低信号。

                                        br
                                    .col-md-12
                                        div(role='tabpanel', data-example-id='togglable-tabs')
                                            ul#myTab.nav.nav-tabs.bar_tabs(role='tablist')
                                                li.active(role='presentation')
                                                    a#detail-tab(href='#tab_content1', role='tab', data-toggle='tab', aria-expanded='true') 主诉
                                                li(role='presentation')
                                                    a#detail-tab-2(href='#tab_content2', role='tab', data-toggle='tab', aria-expanded='true') 现病史

                                                li(role='presentation')
                                                    a#detail-tab-3(href='#tab_content3', role='tab', data-toggle='tab', aria-expanded='true') 既往史

                                                li(role='presentation')
                                                    a#detail-tab-4(href='#tab_content4', role='tab', data-toggle='tab', aria-expanded='true') 其他相关检查结果

                                                li(role='presentation')
                                                    a#detail-tab-5(href='#tab_content5', role='tab', data-toggle='tab', aria-expanded='true') 扫描部位及目的

                                                li(role='presentation')
                                                    a#detail-tab-6(href='#tab_content6', role='tab', data-toggle='tab', aria-expanded='true') 诊断思路

                                                li(role='presentation')
                                                    a#detail-tab-7(href='#tab_content7', role='tab', data-toggle='tab', aria-expanded='true') 参考文献
                                            #myTabContent.tab-content
                                                #tab_content1.tab-pane.fade.active.in(role='tabpanel', aria-labelledby='home-tab')
                                                    p 女，66岁，主因头晕3月余。
                                                #tab_content2.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                                                    p
                                                        | 患者3个月来，经常头晕，反复发作，近来伴有恶心，无呕吐，一直服用阿司匹林及降脂药，具体药名不详。
                                                        | 无抽搐、大小便失禁症状。患者2年前患有腔隙性脑梗死，在我院神经内科住院治疗，现头晕症状加重，为求进一步治疗，特来我院，门诊以“腔隙性脑梗死”收入神经内科。
                                                        | 发病以来，患者精神差，饮食可，大小便正常，体重无明显变化。

                                                #tab_content3.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                                                    p
                                                        | 既往有腔隙性脑梗死病史，否认结核等传染病史，否认高血压、糖尿病史，否认手术史，否认输血史，否认食物及药物过敏史。

                                                #tab_content4.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                                                    p
                                                        | 神经系统体格检查： Hoffmann征、Oppenheim征、Babinski征、Gordon征、Chaddock征均为（-）。
                                                        | 血常规、尿常规、肝肾功能均正常。
                                                #tab_content5.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                                                    p
                                                        | 头颅MRI平扫+DWI扫描，观察病变内部信号特点。
                                                #tab_content6.tab-pane.fade(role='tabpanel', aria-labelledby='profile-tab')
                                                    p
                                                        | 软化灶：各种破坏性病变均可造成脑组织坏死软化，到慢性期后，脑内病灶由脑脊液充填，形成囊性软化灶。常见原因包括脑出血、脑梗塞、脑炎和脑外伤。
                                                        | 软化灶一旦形成,将会永久存在，对人体无不良影响，所以不用特别处理.



                //page content
                // footer content
                //footer
                //    .pull-right
                //        | Gentelella - Bootstrap Admin Template by
                //        a(href='https://colorlib.com') Colorlib
                //    .clearfix
                // /footer content
        // jQuery
        script(src='vendors/jquery/dist/jquery.min.js')

        // Bootstrap
        script(src='vendors/bootstrap/dist/js/bootstrap.min.js')
        // bootstrap-daterangepicker
        script(src='vendors/moment/min/moment.min.js')
        script(src='vendors/bootstrap-daterangepicker/daterangepicker.js')
        // Custom Theme Scripts
        script(src='js/gentelella/custom.min.js')
        //script(src='js/gentelella/custom.js')
